<!DOCTYPE html>
<html>
<head>
    <title>{Title}</title>
<!--
    <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
-->
    <link rel="stylesheet" href="https://www.dropbox.com/s/mf6i02kprkfp5rn/style.css"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
    <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
    <script src="https://raw.github.com/LeaVerou/prefixfree/gh-pages/prefixfree.min.js" type="text/javascript"></script>
    {block:Description}
        <meta name="description" content="{MetaDescription}"/>
    {/block:Description}
</head>
<body>
<div class="container">
    <div class="row-fluid">
        <div class="span4">
            <div class="sidebar" data-spy="affix">
                <div class="sidebar-single">
                    <h2>{Title}</h2>
                    {block:Description}
                    <p class="description">
                        {Description}
                    </p>
                    {/block:Description}
                    <ul class="nav nav-list">
                        <li><a href=""><i class="icon-home"></i> Beranda</a></li>
                        <li><a href=""><i class="icon-book"></i> Tentang</a></li>
                        <li><a href=""><i class="icon-list"></i> Arsip</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="span8 mainview">
            {block:Posts}
                {block:Text}
                    <div class="post-single">
                        {block:Title}
                        <div class="post-title">
                            <a href="{Permalink}">{Title}</a>
                        </div>
                        {/block:Title}
                        <hr/>
                        <div class="post-meta">
                            <i class="icon-calendar"></i> 02-Jan-2013 &nbsp;
                            <i class="icon-tags"></i>
                            <ul class="post-tags">
                                <li><a href="">Code</a></li>
                                <li><a href="">Python</a></li>
                            </ul>
                        </div>
                        <div class="post-content">
                            {Body}
                        </div>
                    </div>
                {/block:Text}
                {block:Photo}
                    <div class="post-single">
                        <!--{block:Title}
                        <div class="post-title">
                            <a href="{Permalink}">{Title}</a>
                        </div>
                        {/block:Title}
                        <hr/>
                        <div class="post-meta">
                            <i class="icon-calendar"></i> 02-Jan-2013 &nbsp;
                            <i class="icon-tags"></i>
                            <ul class="post-tags">
                                <li><a href="">Code</a></li>
                                <li><a href="">Python</a></li>
                            </ul>
                        </div>-->
                        <div class="post-content">
                            <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
                            {block:Caption}
                            {Caption}
                            {/block:Caption}
                        </div>
                    </div>
                {/block:Photo}
                {block:Photoset}
                    <div class="post-single">
                        <!--{block:Title}
                        <div class="post-title">
                            <a href="{Permalink}">{Title}</a>
                        </div>
                        {/block:Title}
                        <hr/>
                        <div class="post-meta">
                            <i class="icon-calendar"></i> 02-Jan-2013 &nbsp;
                            <i class="icon-tags"></i>
                            <ul class="post-tags">
                                <li><a href="">Code</a></li>
                                <li><a href="">Python</a></li>
                            </ul>
                        </div>-->
                        <div class="post-content">
                            {Photoset-500}
                            {block:Caption}
                            {Caption}
                            {/block:Caption}
                        </div>
                    </div>
                {/block:Photoset}
                {block:Quote}
                    <div class="post-single">
                        <!--{block:Title}
                        <div class="post-title">
                            <a href="{Permalink}">{Title}</a>
                        </div>
                        {/block:Title}
                        <hr/>
                        <div class="post-meta">
                            <i class="icon-calendar"></i> 02-Jan-2013 &nbsp;
                            <i class="icon-tags"></i>
                            <ul class="post-tags">
                                <li><a href="">Code</a></li>
                                <li><a href="">Python</a></li>
                            </ul>
                        </div>-->
                        <div class="post-content">
                            "{Quote}"
                            {block:Source}
                            {Source}
                            {/block:Source}
                        </div>
                    </div>
                {/block:Quote}
                {block:Link}
                    <div class="post-single">
                        <!--{block:Title}
                        <div class="post-title">
                            <a href="{Permalink}">{Title}</a>
                        </div>
                        {/block:Title}
                        <hr/>
                        <div class="post-meta">
                            <i class="icon-calendar"></i> 02-Jan-2013 &nbsp;
                            <i class="icon-tags"></i>
                            <ul class="post-tags">
                                <li><a href="">Code</a></li>
                                <li><a href="">Python</a></li>
                            </ul>
                        </div>-->
                        <div class="post-content">
                            <a href="{URL}" {Target}>{Name}</a>
                            {block:Description}
                            {Description}
                            {/block:Description}
                        </div>
                    </div>
                {/block:Link}
                {block:Chat}
                    <div class="post-single">
                        {block:Title}
                        <div class="post-title">
                            <a href="{Permalink}">{Title}</a>
                        </div>
                        {/block:Title}
                        <hr/>
                        <!--<div class="post-meta">
                            <i class="icon-calendar"></i> 02-Jan-2013 &nbsp;
                            <i class="icon-tags"></i>
                            <ul class="post-tags">
                                <li><a href="">Code</a></li>
                                <li><a href="">Python</a></li>
                            </ul>
                        </div>-->
                        <div class="post-content">
                            <ul>
                                {block:Lines}
                                <li class="{Alt} user_{UserNumber}">
                                    {block:Label}
                                        <span class="label">{Label}</span>
                                    {/block:Label}
                                    {Line}
                                </li>
                                {/block:Lines}
                            </ul>
                        </div>
                    </div>
                {/block:Chat}
                {block:Video}
                    <div class="post-single">
                        <!--{block:Title}
                        <div class="post-title">
                            <a href="{Permalink}">{Title}</a>
                        </div>
                        {/block:Title}
                        <hr/>
                        <div class="post-meta">
                            <i class="icon-calendar"></i> 02-Jan-2013 &nbsp;
                            <i class="icon-tags"></i>
                            <ul class="post-tags">
                                <li><a href="">Code</a></li>
                                <li><a href="">Python</a></li>
                            </ul>
                        </div>-->
                        <div class="post-content">
                            {Video-500}
                            {block:Caption}
                                {Caption}
                            {/block:Caption}
                        </div>
                    </div>
                {/block:Video}
                {block:Audio}
                    <div class="post-single">
                        <!--{block:Title}
                        <div class="post-title">
                            <a href="{Permalink}">{Title}</a>
                        </div>
                        {/block:Title}
                        <hr/>
                        <div class="post-meta">
                            <i class="icon-calendar"></i> 02-Jan-2013 &nbsp;
                            <i class="icon-tags"></i>
                            <ul class="post-tags">
                                <li><a href="">Code</a></li>
                                <li><a href="">Python</a></li>
                            </ul>
                        </div>-->
                        <div class="post-content">
                            {AudioPlayerBlack}
                            {block:Caption}
                                {Caption}
                            {/block:Caption}
                        </div>
                    </div>
                {/block:Video}
            {/block:Posts}
            <div class="post-single">
                <div class="post-title">
                    <a href="">Contoh potongan kode</a>
                </div>
                <hr/>
                <div class="post-meta">
                    <i class="icon-calendar"></i> 02-Jan-2013 &nbsp;
                    <i class="icon-tags"></i>
                    <ul class="post-tags">
                        <li><a href="">Code</a></li>
                        <li><a href="">Python</a></li>
                    </ul>
                </div>
                <div class="post-content">
                </div>
            </div>
            <div class="pagination">
                <ul>
                    {block:PreviousPage}
                    <li><a href="{PreviousPage}"><i class="icon-chevron-left"></i></a></li>
                    {/block:PreviousPage}
                    {block:NextPage}
                    <li><a href="{NextPage}"><i class="icon-chevron-right"></i></a></li>
                    {/block:NextPage}
                </ul>
            </div>
        </div>
    </div>
</div>
</body>
</html>
